<div class="m-portlet m-portlet--mobile">
    <div class="m-portlet__head">
        <div class="m-portlet__head-caption">
            <div class="m-portlet__head-title">
                <h3 class="m-portlet__head-text">
                    @L("FileUpload")
                </h3>
            </div>
        </div>
    </div>
    <div class="m-portlet__body">
        <form role="form">

            <div class="row">
                <div class="col-md-2">
                    <label class="control-label">Default file uploader</label>
                </div>
                <div class="col-md-10">

                    <div class="form-group">
                        <label for="DefaultFileUploadTextInput">Free text</label>
                        <input id="DefaultFileUploadTextInput" type="text" name="DefaultFileUploadTextInput" class="form-control">
                    </div>

                    <div class="form-group">

                        <!-- The fileinput-button span is used to style the file input field as button -->
                        <span class="btn btn-primary fileinput-button">
                            <i class="glyphicon glyphicon-plus"></i>
                            <span>Select files...</span>
                            <!-- The file input field used as target for the file upload widget -->
                            <input id="fileupload" type="file" name="files">
                        </span>
                        <br>
                        <br>

                        <!-- The global progress bar -->
                        <div id="progress" class="progress">
                            <div class="progress-bar progress-bar-success"></div>
                        </div>

                        <!-- The container for the uploaded files -->
                        <div id="files" class="files"></div>

                    </div>

                </div>

            </div>

        </form>
    </div>
</div>
